<!DOCTYPE html>
<html>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<title>化学品登记软件及数据库系统</title>
<meta name="keywords" content="化学品登记软件及数据库系统">
<meta name="description" content="化学品登记软件及数据库系统">
<link rel="stylesheet" type="text/css" href="../static/css/styles.css">
<link rel="stylesheet" type="text/css" href="../static/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../static/css/theme.css">
<body class="login">
    <!-- <form action='/login/' method='POST'>
        <h3>化学品登记软件及数据库系统</h3>
        <div class="login_input">
            <input type="text" value='test' class="form-control" placeholder="用户名" name='name' id="username" />
            <input type="password" value='test' class="form-control" placeholder="密码" name='pwd' id="password" />
            <select name='category' class="form-control">
                <option value='1'>企业管理员</option>
                <option value='2'>园区管理员</option>
            </select>
            <div class="clear"></div>
            <button class="login_button" type="submit">登录</button>
        </div>
    </form> -->
    <style type="text/css">
        .body-sign .panel-sign .panel-title-sign .title {
            /*background-color: #0088cc;*/
            background-color: #087500;
            font-weight:bolder;
            /*font-family:'微软雅黑';*/
            width:100%;
            position:relative;
            top:5px;
            font-size: 24px;
            text-align: center;
            padding:20px;
        }
        .body-sign .panel-sign .panel-body {
            /*border-top-color: #0088cc;*/
            border-top-color: #087500;
        }
        body .btn-primary {
            color: #ffffff;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            background-color: #087500;
            border-color: #087500;
        }
        body .btn-primary:hover {
            border-color: #0B8379 !important;
            background-color: #0B8379;
        }
        label{
            color: #555;
        }
    </style>
    <section class="body-sign" style="width:380px;">
        <div class="center-sign">
            <a href="/" class="logo pull-left">
                <h2 ></h2>
                
                <!-- <img src="/static/images/logo-default.png" height="54" alt="Porto Admin"> -->
            </a>

            <div class="panel panel-sign">
                <div class="panel-title-sign mt-xl text-right">
                    <h2 class="title text-uppercase text-bold m-none">系统管理员登录</h2>
                </div>
                <div class="panel-body">
                    
                    <form action='/submitloginAmin/' method='POST'>
                        <div class="form-group mb-lg" style="margin-bottom:10px !important;">
                            <!-- <label>用 户 名</label> -->
                            <div class="input-group input-group-icon" style="text-align:center;color:red;padding:0px;margin:0px;">
                                {{error}}
                            </div>
                        </div>
                        <div class="form-group mb-lg">
                            <!-- <label>用 户 名</label> -->
                            <div class="input-group input-group-icon">
                                <input value='test'  name="name" type="text" class="form-control input-lg" placeholder="用户名">
                                <span class="input-group-addon">
                                    <span class="icon icon-lg">
                                        <i class="fa fa-user"></i>
                                    </span>
                                </span>
                            </div>
                        </div>

                        <div class="form-group mb-lg">
                            <!-- <div class="clearfix">
                                <label class="pull-left">密 码</label>
                                <a href="pages-recover-password.html" class="pull-right">忘记密码?</a>
                            </div> -->
                            <div class="input-group input-group-icon">
                                <input value='' name="pwd" type="password" class="form-control input-lg" placeholder="密码">
                                <span class="input-group-addon">
                                    <span class="icon icon-lg">
                                        <i class="fa fa-lock"></i>
                                    </span>
                                </span>
                            </div>
                        </div>

                        <div class="row">
                            <!-- <div class="col-sm-8">
                                    <select name='category' class="form-control">
                                        <option value='1'>企业管理员</option>
                                        <option value='2'>园区管理员</option>
                                    </select>
                            </div> -->

                            <div class="col-sm-4 text-right">
                                <button type="submit" class="btn btn-primary hidden-xs">登 录</button>
                                <button type="submit" class="btn btn-primary btn-block btn-lg visible-xs mt-lg">登 录</button>
                            </div>
                        </div><br>
                    </form>
                </div>
            </div>

            <p class="text-center text-muted mt-md mb-md">© Copyright 2014. All Rights Reserved.</p>
        </div>
    </section>
</body>
</html>